<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
    工程名：MealOrder
    时间： 16-12-21
    作者：白雨濃 evil
    邮箱：evilbai@foxmail.com
    内容：活动订单页面，如有新订单，自动刷新
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--去除多余空格--%>
<%@ page trimDirectiveWhitespaces="true" %>
<%--h5声明--%>
<!DOCTYPE html>
<html>
<head>
    <title>当前活动订单</title>

    <link href="<c:url value="/static/css/bootstrap.min.css"/>" rel="stylesheet">
    <link href="<c:url value="/static/css/toastr.min.css"/>" rel="stylesheet">
    <link href="<c:url value="/static/css/base.css"/>" rel="stylesheet">
    <link href="<c:url value="/static/css/index_order.css"/>" rel="stylesheet">
</head>
<body>
<div class="main">
    <div id="navbar">
        <nav class="navbar navbar-default" role="navigation">
            <div class="container-fluid">
                <div class="navbar-content">
                    <div class="navbar-header">
                        <a class="navbar-brand" href="#">智能餐厅</a>
                    </div>
                    <div>
                        <ul class="nav navbar-nav navbar-right">
                            <li class="active"><a href="<c:url value="/index/order"/>">当前活动订单</a></li>
                            <li><a href="#">详情管理</a></li>
                            <li><a href="<c:url value="/index/setting/key"/>">基础设置</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </nav>
    </div>
    <div class="content well">
        <div id="order-list">
            <table class="table table-hover">
                <caption>当前活动订单</caption>
                <thead>
                <tr>
                    <th>订单ID</th>
                    <th>座位号</th>
                    <th>负责人</th>
                    <th>时间</th>
                    <th>菜单列表</th>
                </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>

    <div class="bottom">

    </div>

</div>

<!-- 模态框（Modal） -->
<div id="order-item-dialog" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">
                    订单ID：
                    座位号：
                </h4>
            </div>
            <div class="modal-body">
                <table class="table table-hover">
                    <caption></caption>
                    <thead>
                    <tr>
                        <th>菜品名称</th>
                        <th>数量</th>
                        <th>价格</th>
                        <th>状态</th>
                    </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
                <br>
                <div class="well">
                    <p class="text-center">价格总计：100元</p>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>

<script src="<c:url value="/static/js/jquery-3.0.0.min.js"/>"></script>
<script src="<c:url value="/static/js/bootstrap.min.js"/>"></script>
<script src="<c:url value="/static/js/toastr.min.js"/>"></script>
<script src="<c:url value="/static/js/websocket.js"/>"></script>
<script src="<c:url value="/static/js/dialog.js"/>"></script>
<script src="<c:url value="/static/js/index_order.js"/>"></script>
</body>
</html>
